<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/sub1.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/jQuery.slide.js"></script>
	<script src="../js/jQuery.vertical.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="sub" class="gev">
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>

		<section class="container">
			<nav class="menu_wrap">
				<ul class="depth1">
					<li><a href="#">게임스코어</a></li>
					<li><a href="#">온라인게임</a></li>
					<li class="on"><a href="#">모바일게임</a></li>
					<li>
						<a href="#">커뮤니티</a>
					</li>
				</ul>
			</nav>

			<header class="tit_menu">
				<h2><a href="#"><img src="../images/common/btn_prev.png" alt="뒤로 가기" /></a> 모바일게임</h2>
				<p>최신 및 인기 모바일게임을 직접 평가하고 스코어 및 순위를 확인해보세요.</p>
			</header>

			<section class="mobile_wrap">
				<section class="view_wrap">
					<header class="tit_sort">
						<h3>최근 출시게임</h3>
						<a href="#" class="prev">이전</a>
						<a href="#" class="next">다음</a>
					</header>

					<section class="game_info">
						<div class="thumb">
							<img src="../images/common/thumb_game_ico3.png" alt="" />
							<em class="count">100</em>
						</div>
						<div class="txt">
							<p class="name">사이퍼즈</p>
							<p class="disc">새롭게 태어난 거너J를 경험하고 레압<br />세라아이템 지급의 기회도 놓치지마세요.</p>
							<p class="st_human">
								<span class="st_off"><span class="st_on" style="width:100%;"></span></span>
								<span class="st_off"><span class="st_on" style="width:100%;"></span></span>
								<span class="st_off"><span class="st_on" style="width:50%;"></span></span>
								<span class="st_off"><span class="st_on" style="width:0%;"></span></span>
								<span class="st_off"><span class="st_on" style="width:0%;"></span></span>
								<span class="num">5.5</span>
							</p>
							<div class="btn_area">
								<ul>
									<li><a href="#">평가하기</a></li>
									<li class="review"><a href="#">리뷰쓰기</a></li>
								</ul>
							</div>
						</div>
					</section>

					<div class="tab fix">
						<a href="#online_score" class="on"><span>게임스코어</span></a>
						<a href="#online_img"><span>이미지/동영상</span></a>
						<a href="#online_review"><span>리뷰</span></a>
					</div>

					<section class="score_graph">
						<h4>게임스코어</h4>
						<div class="graph">
							<img src="../images/common/online_graph1.png" alt="" />
							<p><img src="../images/common/pop_score_ing1.png" alt="현재 평가 집계 중입니다. 10명이상 평가에 참여할 경우 게임스코어가 노출됩니다. 집계중인게임을 평가할 경우 추가 혜택을 받으실 수 있습니다." /></p>
						</div>
					</section>

					<section class="img_movie">
						<h4>이미지/동영상</h4>
						<!-- slide -->
						<div id="slide_gallery">
							<div class="focus-wrap">
								<div id="gallerySwipe" class="focus">
									<ul>
										<li><a href="http://m.weme.wemade.com/event/20140521/event_main.asp" target="_self"><img src="../images/common/thumb_online_slide1.png" class="img1" alt="배너"></a></li> 
										<li><a href="http://m.weme.wemade.com/event/20140521/event_main.asp" target="_self"><img src="../images/common/thumb_online_slide1.png" class="img1" alt="배너"></a></li> 
									</ul>
									<div class="focus-paging">
										<div id="gallerySwipePaging" class="paging-navi" style="">
											<span><a href="javascript:void(0);" class="no0"></a></span>
											<span><a href="javascript:void(0);" class="no1"></a></span>
										</div>
									</div>
									<input type="button" id="button-prev" value="prev" onclick="$.config.myNn[0].goSlide('prev');">
									<input type="button" id="button-next" value="next" onclick="$.config.myNn[0].goSlide('next');">
								</div>
							</div>
						</div>
						<!-- //slide -->
					</section>

					<section class="reply_write">
						<header>
							<h3>리뷰</h3>
							<span class="ico_reply"><img src="../images/common/btn_review_write1.png" alt="리뷰쓰기" /></span>
						</header>
						<div class="write_area">
							<div class="photo">
								<img src="../images/common/photo_default1.png" alt="사진" />
							</div>
							<div class="input">
								<textarea></textarea> <!-- 20140625 수정 -->
							</div>
						</div>
						<div class="btn_send">
							<a href="#"><img src="../images/common/btn_review_write2.png" alt="리뷰작성" /></a>
						</div>
					</section>

					<div class="reply_list">
						<ul>
							<li>
								<div class="photo">
									<img src="../images/common/photo_profile1.png" alt="" />
								</div>
								<div class="cont_wrap">
									<p class="user">
										예삐냠냠 <span class="level_ico">22</span>
										<span class="level">Lv. 22</span>
										<span class="time">4분전</span>
									</p>
									<!--20140628 수정 -->
									<p class="txt">
										무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!
										<a href="#" class="btn_del"><img src="../images/common/btn_delete.png" alt="삭제" /></a>
									</p>
									<!--20140628 수정 -->
									<div class="util">
										<div class="count">
											<ul>
												<li class="like"><a href="#"><span>1500</span></a></li>
												<li class="dislike"><a href="#"><span>200</span></a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="photo">
									<img src="../images/common/photo_profile1.png" alt="" />
								</div>
								<div class="cont_wrap">
									<p class="user">
										예삐냠냠 <span class="level_ico">22</span>
										<span class="level">Lv. 22</span>
										<span class="time">4분전</span>
									</p>
									<p class="txt">무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!</p>
									<div class="util">
										<div class="count">
											<ul>
												<li class="like"><a href="#"><span>1500</span></a></li>
												<li class="dislike"><a href="#"><span>200</span></a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="photo">
									<img src="../images/common/photo_profile1.png" alt="" />
								</div>
								<div class="cont_wrap">
									<p class="user">
										예삐냠냠 <span class="level_ico">22</span>
										<span class="level">Lv. 22</span>
										<span class="time">4분전</span>
									</p>
									<!--20140628 수정 -->
									<p class="txt">
										무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!
										<a href="#" class="btn_del"><img src="../images/common/btn_delete.png" alt="삭제" /></a>
									</p>
									<!--20140628 수정 -->
									<div class="util">
										<div class="count">
											<ul>
												<li class="like"><a href="#"><span>1500</span></a></li>
												<li class="dislike"><a href="#"><span>200</span></a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="photo">
									<img src="../images/common/photo_profile1.png" alt="" />
								</div>
								<div class="cont_wrap">
									<p class="user">
										예삐냠냠 <span class="level_ico">22</span>
										<span class="level">Lv. 22</span>
										<span class="time">4분전</span>
									</p>
									<p class="txt">무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!</p>
									<div class="util">
										<div class="count">
											<ul>
												<li class="like"><a href="#"><span>1500</span></a></li>
												<li class="dislike"><a href="#"><span>200</span></a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="photo">
									<img src="../images/common/photo_profile1.png" alt="" />
								</div>
								<div class="cont_wrap">
									<p class="user">
										예삐냠냠 <span class="level_ico">22</span>
										<span class="level">Lv. 22</span>
										<span class="time">4분전</span>
									</p>
									<p class="txt">무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!</p>
									<div class="util">
										<div class="count">
											<ul>
												<li class="like"><a href="#"><span>1500</span></a></li>
												<li class="dislike"><a href="#"><span>200</span></a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>

					<div class="btn_more">
						<a href="#"><span>더보기</span></a>
					</div>
				</section>

				<div class="btn_list">
					<a href="#"><img src="../images/common/btn_list1.png" alt="목록" /></a>
				</div>
				<div class="btn_top">
					<a href="#"><img src="../images/common/btn_top1.png" alt="TOP" /></a>
				</div>
			</section>
		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="PC"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>

	<script>
		$('#gallerySwipe').swipe({
			paging:'#gallerySwipePaging',
			currentPaging:0,
			pagingActive:'on',
			animationTime:300,
			autoRolling:false
		});

		jQuery('#gallerySwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});
	</script>
</body>
</html>